import { Drawer, Spin,  } from 'antd'
import React, { Fragment,  } from 'react'
import StudentStatusTable from '../StudentStatus/StudentStatusTable'

const ShowStudentInfor = ({
  open,
  onClose,
  stuStatus,
  showLoading
}) => {

  return (
    <Fragment>
      <Drawer
        destroyOnClose
        title={`${stuStatus?.fd_name}同学的信息`}
        placement={"top"}
        closable
        height={"100vh"}
        onClose={onClose}
        open={open}
        headerStyle={{textAlign:"center"}}
      >
        {
         showLoading ? 
          <Spin size='large' className='loading' style={{width:"100%",height:"100%"}}/> :
          <StudentStatusTable stuStatus={stuStatus}/>
        }
      </Drawer>
    </Fragment>
  )
}

export default ShowStudentInfor